<!DOCTYPE HTML>
<html lang="zh">
<head>
    <#include "/common/base_include.ftl"/>
    <style>
        body {
            background: #f3f6f9;
            background:url("../../img/main_bg.png") no-repeat center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-size: 100% 100%;
            font-weight: 100;
            font-size: 14px;
            margin: 0;
            padding: 20px;
        }

        .grid {
            overflow: hidden;
            width: 60%;
            margin: 10% auto;

        }

        .cell {
            float: left;
            width: 25%;
            box-sizing: border-box;
            padding: 10px;
            display: table;
            cursor: pointer;
        }


        .card {
            box-shadow: 3px 5px 12px #d2d2d2;
            background: white;
            border: 1px solid #c3c6cf;
            border-radius: 10px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            height: 130px;
        }
        .card div{
            margin-top: 10px;
            font-size: 14px;
            font-weight: bold;
            color: #9e9e9e;
        }
        .cardHover {
            border-color: #3c8dbc;
        }
        .fa{
            color:#ffffff;
            font-size: 20px;
            border-radius:50px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            background-color: #3c8dbc;
        }
    </style>
</head>
<body>
<div>
    <div class="grid">
        <@shiro.hasPermission  name="dataup:create">
        <div class="cell" data-url="/tax/dataup/index.htm">
            <div class="card">
                <span class="fa fa-sign-in"></span>
                <div>
                    <span>/</span>
                    <span>实征管理</span>
                    <span>/</span>
                    <span class="title">账目导入</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="balance:retrieve">
        <div class="cell" data-url="/tax/balance/index.htm">
            <div class="card">
                <span class="fa fa-balance-scale"></span>
                <div>
                    <span>/</span>
                    <span>实征管理</span>
                    <span>/</span>
                    <span class="title">金库平账</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="balance:retrieve">
        <div class="cell" data-url="/tax/accountck/index.htm">
            <div class="card">
                <span class="fa fa-check-circle"></span>
                <div>
                    <span>/</span>
                    <span>实征管理</span>
                    <span>/</span>
                    <span class="title">实征对账</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="balance:retrieve">
        <div class="cell" data-url="/tax/query">
            <div class="card">
                <span class="fa fa-search"></span>
                <div>
                    <span>/</span>
                    <span>实征管理</span>
                    <span>/</span>
                    <span class="title">实证查询</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission  name="backtax:returnApply:returnApply">
        <div class="cell" data-url="/backtax/returnApply">
            <div class="card">
                <span class="fa fa-address-card-o"></span>
                <div>
                    <span>/</span>
                    <span>退费管理</span>
                    <span>/</span>
                    <span class="title">退费申请</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="activiti:task:todo">
        <div class="cell" data-url="/activiti/task/todo">
            <div class="card">
                <span class="fa fa-hourglass-1"></span>
                <div>
                    <span>/</span>
                    <span>退费管理</span>
                    <span>/</span>
                    <span class="title">退费审核</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="backtax:returnManager:returnManager">
        <div class="cell" data-url="/backtax/returnManager?type=1">
            <div class="card">
                <span class="fa fa-search"></span>
                <div>
                    <span>/</span>
                    <span>退费管理</span>
                    <span>/</span>
                    <span class="title">机构查询</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <@shiro.hasPermission name="backtax:returnManager:returnManagerType0">
        <div class="cell" data-url="/backtax/returnManager?type=3">
            <div class="card">
                <span class="fa fa-search"></span>
                <div>
                    <span>/</span>
                    <span>退费管理</span>
                    <span>/</span>
                    <span class="title">税务查询</span>
                </div>
            </div>
        </div>
        </@shiro.hasPermission>
        <div class="cell" data-url="/datapush/policy/zcts">
            <div class="card">
                <span class="fa fa-pagelines"></span>
                <div>
                    <span>/</span>
                    <span class="title">政策推送</span>
                </div>
            </div>
        </div> 
        <div class="cell" data-url="#">
            <div class="card">
                <span class="fa fa-gg-circle"></span>
                <div>
                    <span>/</span>
                    <span >在线答疑</span>

                </div>
            </div>
        </div>
        <div class="cell" data-url="/notopen/index.htm?pageName=缴费人端">
            <div class="card">
                <span class="fa fa-ban" style="background-color:#9e9e9e"></span>
                <div>
                    <span class="title">暂未开通</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script src="/js/openTab.js"></script>
<script>
    $(function () {
        $('.cell').on('click', function () {
            var href =  $(this).attr('data-url');
            var  ps=$(this).find(".title");
            var title = ps[0].innerHTML;
            openPage(href,title);
        });
    })
    $(".cell").hover(function () {
        $(this).find(".card").toggleClass("cardHover");
    })
    function test() {
        parent.send("hello world");
    }
</script>
</html>